<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>注册页面</title>
	<link rel="stylesheet" href="css/bootstrap.min.css" />
	<link rel="stylesheet" href="css/easyui.css"/>
	<style>
		body{
		background-color: #f1f1f1;
		}
		.lightBg{
			background-color: #fff;
			padding: 10px 20px;
		}
		.registBody{
			padding: 10px 20px;
		}

	</style>
</head>
<body>

	<div class="container">
		<div class="row lightBg">
			<!--标题-->
			<h2 class="pull-left"><img src="images/logo.png" style="width: 80px;"> 智游科技项目申报系统</h2>
			<p class="pull-right" style="margin-top: 20px;"><button class="btn btn-warning">常见问题</button></p>
		</div>
		<div class="row" style="margin-top: 20px;">
		<div class="panel panel-info">
			<div class="panel-heading">注册向导</div>
			<div class="panel-body">
				<div class="registBody">
					<div class="alert alert-info" role="alert">个人简要信息</div>
					<form class="form-horizontal">
						<div class="form-group">
							<label for="input1" class="col-sm-2 control-label">*姓名</label>
							<div class="col-sm-10">
								<input type="text" class="form-control" id="input1" placeholder="">
							</div>
						</div>
						<div class="form-group">
							<label for="input2" class="col-sm-2 control-label">工作单位</label>
							<div class="col-sm-10">
								<input type="text" class="form-control" id="input2" placeholder="">
								<p class="text-danger">输入相关单位名称，再选择出现在下拉中的单位</p>

							</div>
						</div>
						<div class="form-group">
							<label for="input3" class="col-sm-2 control-label">联系电话</label>
							<div class="col-sm-10">
								<input type="text" class="form-control" id="input3" placeholder="">
							</div>
						</div>
						<div class="form-group">
							<label for="input4" class="col-sm-2 control-label">手机</label>
							<div class="col-sm-10">
								<input type="text" class="form-control" id="input4" placeholder="">
							</div>
						</div>
						<div class="form-group">
							<label for="input5" class="col-sm-2 control-label">电子邮箱</label>
							<div class="col-sm-10">
								<input type="text" class="form-control" id="input5" placeholder="">
							</div>
						</div>

						<div class="form-group">
							<div class="col-sm-offset-2 col-sm-10">
								<button type="button" class="btn btn-primary">提交</button>
								<button type="button" class="btn btn-default">返回</button>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
		</div>
		<footer style="margin-top:40px;">
			<p class="text-center">版权归智游教育所有</p>
		</footer>
	</div>




	<script src="js/jquery1.12.4.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/jquery.easyui.min.js"></script>
	<script src="js/jquery.select.js"></script>
	<script type="text/javascript">
		$(function(){
			var datas =[{"id":"2","text":"中国石油天然气股份有限公司"},
				{"id":"4","text":"中国建筑股份有限公司"},
				{"id":"3","text":"中国移动有限公司"},
				{"id":"5","text":"中国工商银行股份有限公司"},
				{"id":"7","text":"中国铁建股份有限公司"},
				{"id":"6","text":"中国中铁股份有限公司"},
				{"id":"8","text":"上海汽车集团股份有限公司"},
				{"id":"9","text":"中国建设银行股份有限公司"},
				{"id":"11","text":"中国农业银行股份有限公司"},
				{"id":"10","text":"	中国人寿保险股份有限公司"},
				{"id":"12","text":"中国银行股份有限公司"},
				{"id":"14","text":"中国平安保险(集团)股份有限公司"},
				{"id":"13","text":"中国交通建设股份有限公司"},
				{"id":"15","text":"	中国电信股份有限公司"},
				{"id":"16","text":"中国人民保险集团股份有限公司"},
				{"id":"18","text":"	中国联合网络通信股份有限公司"},
				{"id":"19","text":"	中国神华能源股份有限公司"},
				{"id":"20","text":"	中国海洋石油有限公司"},
				{"id":"16	","text":"中国冶金科工股份有限公司"},
				{"id":"21","text":"	联想集团有限公司"}];

			$.selectSuggest('input2',datas);
		});
	</script>
</body>
</html>